<form id="add-form" class="form-horizontal" role="form" data-toggle="validator" method="POST" action="">
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Supplier')}:</label>
        <div class="col-xs-12 col-sm-8">
            {$supplierList}
        </div>
    </div>
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Amount')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input id="c-amount" min="0" class="form-control" step="0.01" name="row[amount]" type="number" value="0.00">
        </div>
    </div>
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Remark')}:</label>
        <div class="col-xs-12 col-sm-8">
            <textarea id="c-remark" class="form-control editor" rows="5" name="row[remark]" cols="50"></textarea>
        </div>
    </div>
    <dl class="fieldlist" data-name="row[attrs][]" data-template="producttpl">
           <dd>
               <ins>{:__('StorageProduct')}</ins>
           </dd>
           <dd> 
               <a href="javascript:;" class="btn btn-sm btn-success btn-append"><i class="fa fa-plus"></i> 追加</a>
           </dd>
        </dl>
        <script type="text/html" id="producttpl">
            <dd>
                <label class="control-label col-xs-4 col-sm-4">{:__('Product')}:</label>
                <div class="col-xs-4 col-sm-8">
                    {$productList}
                </div>
                <label class="control-label col-xs-6 col-sm-2">{:__('Price')}:</label>
                <div class="col-xs-6 col-sm-3">
                    <input type="number" name="row[price][]" class="form-control" size="10">
                </div>
                <label class="control-label col-xs-6 col-sm-2">{:__('Nums')}:</label>
                <div class="col-xs-6 col-sm-3">
                    <input type="number" name="row[nums][]" class="form-control" size="10">
                </div>
                <div class="col-xs-12 col-sm-2">
                    <span class="btn btn-sm btn-danger btn-remove"><i class="fa fa-times"></i></span> <span class="btn btn-sm btn-primary btn-dragsort"><i class="fa fa-arrows"></i></span>
                </div>
            </dd>
        </script>
    <div class="form-group layer-footer">
        <label class="control-label col-xs-12 col-sm-2"></label>
        <div class="col-xs-12 col-sm-8">
            <button type="submit" class="btn btn-primary btn-embossed disabled">{:__('OK')}</button>
        </div>
    </div>
</form>
